﻿@charset "utf-8";

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt{margin:0;padding:0;border:0;}
html{ width:100%; height:100%}
body{background:url(../../images/108wo/body_bg.gif) no-repeat center 0 #F9F9F9;color:#585858;font-size:12px;font-family:"微软雅黑",Verdana,"宋体",Arial,Sans; height:100%; width:100%;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button{vertical-align:middle; font-size:12px;font-family:"微软雅黑",Verdana,"宋体",Arial,Sans;}
a{text-decoration:none; color:#575757}
a:link{color:#575757}
a:hover,a:active,a:focus{color:#9CB83D;}
.clearit{clear:both;}

.b{font-weight:bold}
.red{ color:#ee0000}
.orange{ color:#ff6c00}
.black{ color:#222}
.blue{ color:#0294C5}
.green{ color:#ABC74C}
.font11{ font-size:11px}
.font14{ font-size:14px}


.pageList{ height:60px; padding:10px 0px;}
.pageList ul{}
.pageList ul li{ float:left; margin-right:5px; color:#999}
.pageList ul li a{ display:block; float:left; padding:5px 12px; line-height:18px; background:#fff; border:1px #ddd solid; color:#888}
.pageList ul li a:hover{ background:#f2f2f2; color:#ABC74C}
.pageList ul li a.current{ padding:6px 13px; border:none; background:#ABC74C; color:#fff}
/*
.pageList{ height:60px; padding:10px 0px; color:#999}
.pageList span{ display:block; margin-right:5px; float:left; padding:6px 13px; line-height:18px; background:#ABC74C; border:none; color:#fff}
.pageList  a{ display:block; margin-right:5px; float:left; padding:5px 12px; line-height:18px; background:#fff; border:1px #ddd solid; color:#888}
.pageList  a:hover{ background:#f2f2f2; color:#ABC74C}
*/
#wrapper{width:980px; margin:auto;}
#header{height:90px; position:relative}
#header .welcome{ position:absolute;top:62px; left:171px; color:#ADADAD}
#header .welcome a{ color:#fff}
#header .welcome a:hover{ text-decoration:underline}
#header .logo{ height:61px; width:280px; margin-top:16px; float:left;}
#header .search{ width:240px; height:34px; background:url(../../images/108wo/search_bg.png) no-repeat; float:right; margin-top:35px;}
#header .search input{ margin:2px 5px; background:url(); border:0px; height:18px; line-height:18px; width:200px; color:#999; position:relative}
#header .search button{ text-indent:-10000px; width:24px; height:20px; border:0px; cursor:pointer; background:url(); position:relative}
#nav{ height:49px;overflow:hidden}
#nav ul.nav{ float:left; padding:0px 0px; position:relative}
#nav ul.nav li{float:left;height:49px; margin-right:30px;display: inline;}
#nav ul.nav li a{ display:block; padding:0px 5px; line-height:46px;font-weight:bold; color:#777;position: relative; z-index:200; font-size:13px}
#nav ul.nav li a:hover{color:#ABC74C}
#nav ul.nav li.current a{ color:#444; border-bottom:3px #ABC74C solid}
#menuBg { position:absolute; z-index:100;top:10px;left:0;width:100px; height:3px; background:#ABC74C; overflow:hidden; }
#nav ul.changeStyle{ float:right; margin-top:13px}
#nav ul.changeStyle a{ margin-left:5px}
#main{margin:20px 0px 45px 0px}

#footer{ background:#F5F5F5; border-top:1px #eee solid; padding-bottom:30px; padding-top:15px}
#footer div{ width:980px; margin:0px auto; line-height:21px; position:relative}
#footer div a#goTop{ display:block; width:114px; height:37px; background:url(../../images/108wo/gotop.gif) no-repeat; position:absolute; right:70px;top:-52px; text-indent:-10000px}
#footer div .left{ float:left; color:#888}
#footer div .right{ float:right; color:#888;}
#footer div .right a{ margin:0px 5px}
#footer div .right a:hover{ text-decoration:underline}

/*page*/
#page{}
#page .left{ width:710px; float:left}
#page .right{ width:270px; float:left; position:relative;}
#page .right .contact{ width:270px; height:150px; background:url(../../images/108wo/contact.png) no-repeat}
#page .right .contact a{ display:block; position:relative; float:left}
#page .right .contact a.qq1{ width:60px; height:20px;top:70px; text-align:center; padding-top:45px;}
#page .right .contact a.qq2{ width:60px; height:20px;top:70px; margin-left:5px;text-align:center; padding-top:45px;}
#page .right .contact a.msn{ width:50px; height:20px;top:70px; margin-left:5px;text-align:center; padding-top:45px;}
#page .right .contact a.share{ width:75px; height:67px; top:70px; margin-left:15px; text-indent:-10000px}
#page .right .listBar{ border:1px #EAE9EA solid; padding:10px; background:#fff; position:relative; margin-top:10px}
#page .right .listBar h2{background:url(../../images/108wo/dot.gif) repeat-x 0 bottom;font-size:13px; height:25px}
#page .right .listBar ul{ padding:10px 0px}
#page .right .listBar ul table{ width:100%}
#page .right .listBar ul table td{ padding:2px 3px}
#page .right .listBar ul table td a.num{ color:#999;}
#page .right .listBar ul table td a.num:hover{ text-decoration:underline; color:#666; }
#page .right .listBar ul table td input{*margin-top:-2px}
#page .right .listBar ul a.createBtn{ background:url(../../images/108wo/btn_bg.gif) no-repeat; display:block; width:59px; height:24px; color:#fff; line-height:24px; font-size:13px; padding-left:20px; margin-top:10px; margin-left:163px}
#page .right .listBar ul a.createBtn:hover{ color:#E0E0E0}
#page .right .listBar ul div.icon {background:url(../../images/108wo/listBar_icon.png) no-repeat; width:32px; height:32px; position:absolute;top:-7px; right:5px}
#page .right .cate{ margin-top:15px}
#page .right .cate h2{ font-size:13px; height:32px; line-height:30px; position:relative; z-index:3}
#page .right .cate h2 a{ display:block; float:left; padding:0px 20px; margin-right:7px; border:1px #EAE9EA solid}
#page .right .cate h2 a.current{ background:#fff; border-bottom:1px #fff solid; color:#9CB83D}
#page .right .cate div{border:1px #EAE9EA solid; padding:10px 20px 20px 20px; background:#fff; position:relative;top:-1px; z-index:2;}
#page .right .cate div h3{background:url(../../images/108wo/dot.gif) repeat-x 0 bottom;height:30px; line-height:30px; font-size:12px; margin-bottom:5px}
#page .right .cate div h3 span{background:url(../../images/108wo/li2.gif) no-repeat 0px center ;padding-left:15px; color:#555; cursor:pointer; display:block; width:210px}
#page .right .cate div h3 span:hover{ color:#ABC74C}
#page .right .cate div br{ line-height:0;}
#page .right .cate div ul{ padding:10px 0px; display:none}
#page .right .cate div ul li{ width:110px; padding:3px 0px;float:left; position:relative; color:#888}
#page .right .cate div ul li a{ margin-right:3px;}
#page .right .cate div ul li a:hover{ text-decoration:underline}
/*#page .right .cate div#content2 a{ line-height:24px;white-space:nowrap}*/
#page .right .cate div#content2 li{width:230px;float:none;}
#page .right .cate div#content2  ul li a{ margin-left:3px;height:auto;}
#page .right .cate div#content2  ul li a:hover{ text-decoration:underline}
#page .right .cate div#content2  ul li span{color:#bbb}

 
 
/*picList*/
.business{ background:url(../../images/108wo/info_bg.gif) repeat-x #A9C24F;height:68px; padding:17px 20px 10px 22px; width:628px; color:#444}
.business table{ width:100%;}
.business table td{ padding:5px}
.business table td a{ margin-left:10px}
.subCate{ margin-top:10px; font-size:14px;  padding-bottom:10px; border-bottom:1px #dedede solid; width:670px; color:#ccc; background:url(../../images/108wo/li5.gif) no-repeat 0px 5px; padding-left:20px; width:650px;}
.subCate a{ color:#888}
.subCate a:hover{ color:#ABC64E;; text-decoration:underline}
.subCate a.current{ color:#ABC64E; font-weight:bold}
.picList{ margin-top:20px}
.picList .listTop{ width:670px; height:26px; background:url(../../images/108wo/dot.gif) repeat-x 0px bottom; color:#888; }
.picList .listTop  .l{ float:left; background:url(../../images/108wo/li3.gif) no-repeat 0 center; padding-left:15px;}
.picList .listTop  .l select{ font-size:12px; color:#777; margin:0px 5px}
.picList .listTop  .r{ float:right}
.picList .listTop  .r a{ color:#888;background:url(../../images/108wo/li4.gif) no-repeat; padding-left:16px}
.picList .listTop  .r a:hover{ color:#444; }
.picList .listCo{ margin-top:25px; width:710px; overflow:hidden}
.picList .listCo li{ width:320px; height:240px; float:left; margin-right:30px; margin-bottom:20px; position:relative}
.picList .listCo li a.image{width:320px; height:200px; display:block; overflow:hidden;}
.picList .listCo li a.image img{}
.picList .listCo li a.btn{ display:block; width:29px; height:26px; background:url(../../images/108wo/btn2.gif) no-repeat; top:170px; right:4px; position:absolute; display:none}
.picList .listCo li p{ margin-top:10px; text-align:right; color:#999; font-family:"宋体",Verdana,"宋体",Arial,Sans; line-height:22px}
.picList .listCo li p span{ float:left; font-size:15px;font-family:"微软雅黑",Verdana,"宋体",Arial,Sans; position:relative;top:-2px}
.picList .listCo li p a{ margin-left:5px}
.picList div.clearit{ height:20px; background:url(../../images/108wo/dot.gif) repeat-x; width:670px}
 
/*会员中心*/
.user{}
.user .left{ width:190px; border:1px #EAE9EA solid; background:#fff; padding:10px; float:left}
.user .left h2{ background:url(../../images/108wo/user_left_t.gif) no-repeat;font-size:15px; padding-left:22px; height:30px}
.user .left ul{ padding:10px 0px 35px 0px}
.user .left ul li{  background:url(../../images/108wo/dot.gif) repeat-x 0 bottom;}
.user .left ul li a{ background:url(../../images/108wo/li1.gif) no-repeat 25px center; padding-left:35px; display:block;height:27px;padding-top:10px}
.user .right{ width:700px;float:left; margin-left:36px; padding:15px; padding-bottom:35px; background:#fff; border:1px #EAE9EA solid; min-height:360px;_height:360px; overflow:visible}
.user .right .po{ height:25px; background:url(../../images/108wo/dot.gif) repeat-x 0px bottom; margin-bottom:20px; color:#888}
.user .right .po span{color:#555}

/*清单列表*/
.myList{}
.myList table{ width:100%; background:#EAE9EA}
.myList table td{ padding:7px 10px}
.myList table thead tr{ background:#F2F2F2}
.myList table thead tr td{ font-weight:bold}
.myList table tbody tr{ background:#fff; color:#888}
.myList table tbody tr td img{ margin:0px 3px;}
.myList table tbody tr td span{ font-size:12px; line-height:12px; color:#ccc; font-family:Arial, Helvetica, sans-serif; position:relative;*top:-2px}
.myList table tfoot tr{ background:#fff}

/*修改密码*/
.password{}
.password table{ width:100%}
.password table td{ padding:5px 5px}
.password table td input{ width:40%; height:18px; border-top:1px #aaa solid; border-left:1px #aaa solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid; padding:2px 5px; line-height:18px; color:#999}
.password table td button{ padding:5px 12px;*padding:2px 3px}

/*个人资料*/
.information{}
.information table{ width:100%}
.information table td{ padding:5px 5px}
.information table td input{height:18px; border-top:1px #aaa solid; border-left:1px #aaa solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid; padding:2px 5px; line-height:18px; color:#999}
.information table td select{ color:#666}
.information table td button{ padding:5px 12px;*padding:2px 3px}

/*清单查看*/
.listView{}
.listView .info{ text-align:right; padding:8px 15px;background:#ABC64E; color:#fff}
.listView .info b{ margin-left:5px}
.listView .info span{ float:left; }
.listView .subMenu{ margin-top:20px; position:relative}
.listView .subMenu{ color:#aaa}
.listView .subMenu a{ margin-right:3px; font-size:12px}
.listView .subMenu a.current{ font-weight:bold}
.listView .subMenu a.btn{ position:absolute; right:20px; background:url(../../images/108wo/icon2.gif) no-repeat 0px center; padding-left:16px; color:#009933}
.listView .subMenu a.btn:hover{ text-decoration:underline}
.listView table{ margin-top:10px; width:100%;}
.listView table thead tr{ background:#ddd; font-weight:bold}
.listView table td{ padding:8px}
.listView table td span{ color:#aaa; margin:0px 5px}
.listView table tbody td{ background:url(../../images/108wo/dot.gif) repeat-x 0px bottom}
.listView table a.downloadBtn{background:url(../../images/108wo/btn_bg.gif) no-repeat; display:block; width:59px; height:24px; color:#fff; line-height:24px; font-size:13px; padding-left:20px; margin-top:10px; float:right}

/*我的产品*/
.product{}
.product p{ margin-bottom:15px; padding:10px 20px; border:1px #ddd dotted; color:#ABC74C}
.product .subMenu{position:relative;height:50px;}
.product .subMenu{ color:#aaa}
.product .subMenu li {float:left;line-height:18px;border-right:5px #fff solid;}
.product .subMenu li ul{top:23px;position:absolute; width:658px;left:0px; border:1px #eee solid;padding:10px 20px;height:18px;z-index:1}
.product .subMenu span a{font-size:12px;display:block;height:18px;padding:3px 15px;background:#ddd;position:relative;z-index:2;float:left}
.product .subMenu span .current{ font-weight:bold;background:#ABC74C;color:#Fff}
.product .subMenu a.btn{ position:absolute; right:20px; background:url(../../images/108wo/icon2.gif) no-repeat 0px center; padding-left:16px; color:#009933}
.product .subMenu a.btn:hover{ text-decoration:underline}
.product .subMenu li ul a.current{ font-weight:bold;color:#ABC74C}
.product .subMenu li ul li{padding:0px 5px}
.product table{ width:100%; margin-top:30px}
.product table thead tr{ background:#ddd; font-weight:bold}
.product table td{ padding:8px}
.product table td span{ color:#aaa; margin:0px 5px}
.product table tbody td{ background:url(../../images/108wo/dot.gif) repeat-x 0px bottom}

/*询价*/
.price{}
.price p{ height:30px;}
.price table{ width:100%}
.price table thead tr{ background:#ddd; font-weight:bold}
.price table td{ padding:8px}
.price table td span{ color:#aaa; margin:0px 5px}
.price table tbody td{ background:url(../../images/108wo/dot.gif) repeat-x 0px bottom; line-height:25px;}
.price table tbody td.member div.info{ position:relative; z-index:2}
.price table tbody td.member div.info ul{ position:absolute; width:80px; height:60px ; background:#fff; border:1px #ddd solid; padding:10px; z-index:3; top:-30px; right:-100px}

/*about*/
.about{}
.about .left{ width:190px; border:1px #EAE9EA solid; background:#fff; padding:10px; float:left}
.about .left h2{ background:url(../../images/108wo/user_left_t.gif) no-repeat;font-size:15px; padding-left:22px; height:30px}
.about .left ul{ padding:10px 0px 35px 0px}
.about .left ul li{background:url(../../images/108wo/dot.gif) repeat-x 0 bottom;}
.about .left ul li a{ background:url(../../images/108wo/li1.gif) no-repeat 25px center; padding-left:35px; display:block;height:27px;padding-top:10px}
.about .right{ width:700px;float:left; margin-left:36px; padding:15px; padding-bottom:35px; background:#fff; border:1px #EAE9EA solid; min-height:400px;_height:400px; overflow:visible}
.about .right .po{ height:25px; background:url(../../images/108wo/dot.gif) repeat-x 0px bottom; margin-bottom:20px; color:#888}
.about .right .po span{color:#555}

.aboutContent{ line-height:24px; font-size:13px;}
.aboutContent p{ margin:10px 0; text-indent:2em}

/*创建清单*/
#createList{ width:400px; height:230px; padding:15px; }
#createList h1{ font-size:14px; background:url(../../images/108wo/dot.gif) repeat-x 0px bottom; padding-bottom:10px}
#createList ul{ padding:10px 0px}
#createList table{ width:100%}
#createList table td{ padding:5px 10px}
#createList table td .input{height:18px; border-top:1px #aaa solid; border-left:1px #aaa solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid; padding:2px 5px; line-height:18px; color:#999}
#createList table td textarea{height:120px; width:280px; overflow:auto; border-top:1px #aaa solid; border-left:1px #aaa solid; border-right:1px #ddd solid; border-bottom:1px #ddd solid; padding:2px 5px; line-height:18px; color:#333}
#createList table td span{ font-size:12px; color:#aaa; margin-left:10px}
#createList table td  button{ padding:5px 12px;*padding:2px 3px}

/*login*/
#login{}
#login .logo{width:980px; margin:0px auto 0px auto; padding-top:50px}
#login .picList{ height:300px; background:url(../../images/108wo/login_bg.jpg) no-repeat; margin-top:30px;}
#login .picList div.marquee{ width:980px; margin:auto; padding-top:60px; height:180px; overflow:hidden;}
#login .picList div.marquee ul{ width:9999px}
#login .picList div.marquee ul li{ width:245px; height:180px; float:left; text-align:center; }
#login .picList div.marquee ul li img{ border:5px #fff solid;}
#login .picList div.marquee ul li p{ width:220px; margin:10px auto; text-align:right; color:#fff; font-size:13px}
#login .picList div.form{ position:relative; z-index:3; width:980px; margin:auto}
#login .picList div.form div{ position:absolute;right:30px;top:-296px;width:400px; background:#fff; border:1px #eee solid}
#login .picList div.form div h1{ font-size:15px; height:19px; padding:18px 0px; border-bottom:1px #eee solid; background:url(../../images/108wo/login_icon.gif) no-repeat 15px 10px; padding-left:55px; position:relative}
#login .picList div.form div h1 a{ font-size:12px; font-weight:normal; right:20px; position:absolute; color:#999}
#login .picList div.form div h1 a:hover{ color:#555}
#login .picList div.form div ul{ padding:20px 0px 20px 50px; height:125px; overflow:hidden}
#login .picList div.form div ul li{ height:40px; font-size:14px;}
#login .picList div.form div ul li .input{ height:22px; width:230px; border:1px #ddd solid; padding:2px 2px; margin-left:10px; line-height:22px}
#login .picList div.form div ul li .inputHover{border:1px #ABC74C solid;}
#login .picList div.form div ul li .checkbox{ margin-left:50px; position:relative;*top:1px; margin-right:3px;}
#login .picList div.form div ul li span{ font-size:12px; color:#888; }
#login .picList div.form div ul li button{ position:relative; top:-35px; left:208px; width:80px; height:30px; border:1px #ddd solid; background:#fff; cursor:pointer; font-size:14px;}
#login .picList div.form div ul li button.hover{border:1px #ABC74C solid; color:#6B7D2E}
#login .copyright{ text-align:center; margin-top:20px; line-height:24px; color:#aaa}
#login .copyright span{ color:#888}
#login .copyright a{ font-size:12px; margin:0px 8px}
#login .copyright a.msg{ background:url(../../images/108wo/icon_msg.gif) no-repeat 0px 4px; padding-left:20px}

/*reg*/
#reg{}
#reg .logo{width:980px; margin:0px auto 0px auto; padding-top:50px}
#reg .picList{ height:300px; background:url(../../images/108wo/login_bg.jpg) no-repeat; margin-top:30px;}
#reg .picList div.marquee{ width:980px; margin:auto; padding-top:60px; height:180px; overflow:hidden;}
#reg .picList div.marquee ul{ width:9999px}
#reg .picList div.marquee ul li{ width:245px; height:180px; float:left; text-align:center; }
#reg .picList div.marquee ul li img{ border:5px #fff solid;}
#reg .picList div.marquee ul li p{ width:220px; margin:10px auto; text-align:right; color:#fff; font-size:13px}
#reg .picList div.form{ position:relative; z-index:5; width:980px; margin:auto}
#reg .picList div.form div.formBg{ position:absolute;margin-left:550px;margin-top:-297px;width:390px; height:425px; overflow:hidden; background:url(../../images/108wo/reg_from_bg.png) no-repeat; padding-right:10px; z-index:99}
#reg .picList div.form div.fm{ position:absolute;margin-left:550px;margin-top:-297px;width:390px; height:425px; overflow:hidden;padding-right:10px; z-index:100}
#reg .picList div.form div.fm h1{ font-size:15px; height:19px; padding:18px 0px; border-bottom:1px #eee solid; background:url(../../images/108wo/login_icon.gif) no-repeat 15px 10px; padding-left:55px;}
#reg .picList div.form div.fm ul{ padding:20px 0px 20px 40px; overflow:hidden; }
#reg .picList div.form div.fm ul li{ height:40px; font-size:14px;}
#reg .picList div.form div.fm ul li .input{ height:22px; width:230px; border:1px #ddd solid; padding:2px 2px; margin-left:10px; line-height:22px;}
#reg .picList div.form div.fm ul li .inputHover{border:1px #ABC74C solid;}
#reg .picList div.form div.fm ul li .checkbox{ position:relative;*top:1px; margin-right:3px;}
#reg .picList div.form div.fm ul li span{ font-size:12px; color:#888; }
#reg .picList div.form div.fm ul li span a{ color:#0066CC; text-decoration:underline}
#reg .picList div.form div.fm ul li span a:hover{ text-decoration:none}
#reg .picList div.form div.fm ul li button{ margin:0px 5px;width:80px; height:30px; border:1px #ddd solid; background:#fff; cursor:pointer; font-size:14px;}
#reg .picList div.form div.fm ul li button.hover{border:1px #ABC74C solid; color:#6B7D2E}
#reg .copyright{ text-align:center; margin-top:20px; line-height:24px; color:#aaa; margin-right:420px}
#reg .copyright span{ color:#888}
#reg .copyright a{ font-size:12px; margin:0px 8px}
#reg .copyright a.msg{ background:url(../../images/108wo/icon_msg.gif) no-repeat 0px 4px; padding-left:20px}

/*message*/
#message{ padding:20px 30px; border:1px #ddd dashed; color:#333; width:400px; margin:150px auto; text-align:left; background:#fff;}
#message p{ margin:10px 0px; font-size:14px;}
#message a{ color:blue; text-decoration:underline}
#message a:hover { color:#cc0000; text-decoration:none}
#message .msgErr{ background:url(../../images/108wo/err.gif) no-repeat; padding-left:100px; height:70px; padding-top:10px;}

/*login*/
#msgBox{ position:absolute; z-index:9999; width:160px; height:48px; display:none;position: fixed;top: 50%;left: 50%;margin-top: -24px;margin-left: -80px;_position: absolute;_top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');}
#msgBox .err{ color:#ee0000; background:url(../../images/108wo/bg_err.gif) no-repeat; width:110px; height:33px; padding:15px 0px 0px 50px;}
#msgBox .suc{ color:#59903B; background:url(../../images/108wo/bg_suc.gif) no-repeat; width:115px; height:33px; padding:15px 0px 0px 45px;}
#msgBox .loading{ color:#666; background:url(../../images/108wo/bg_loading.gif) no-repeat; width:110px; height:33px; padding:15px 0px 0px 50px;}

.chromestyle {FLOAT: left; OVERFLOW: hidden}
.dropmenudiv {BORDER: #d4d4d4 1px solid; Z-INDEX: 100; VISIBILITY: hidden; FONT: 12px/18px Verdana;POSITION: absolute; TOP: 0px; BACKGROUND: #fff;  padding:6px 12px;filter:alpha(opacity=95); line-height:22px; width:150px;}


